<template>
  <head-top :loading="loading">
    <view class="Balance">
      <view class="Balance_head">
        <u-image width="690rpx" height="300rpx"
          src="https://kaixintaomall.oss-cn-guangzhou.aliyuncs.com/file/getmoney.png"></u-image>
        <view class="Balance_head_content">
          <view class="Balance_head_content_title">我的余额</view>
          <view class="Balance_head_content_money">88888</view>
          <view class="Balance_head_content_footer">
            <view>提现没有额度限制</view>
            <view class="flex" @click="moneyDetial">
              提现明细
              <u-icon name="arrow-right" color="#fff" size="13"></u-icon>
            </view>
          </view>
        </view>
      </view>
      <view class="Balance_session">
        <view>提现金额</view>
        <view class="flex Balance_session_money ">
          ￥
          <u-input border="none" fontSize="40rpx" clearable></u-input>
          <view class="Balance_session_tixian">全部提现</view>
        </view>
        <view class="flex">
          提现
          <u-icon name="weixin-fill" color="chartreuse" size="40rpx"></u-icon>
          钱包
        </view>
      </view>
    </view>
  </head-top>
</template>
<script setup lang='ts'>
import { ref } from 'vue'
const loading = ref<boolean>(false)
function moneyDetial() {
  uni.navigateTo({
    url: '../../subPage/moenyDetial/moenyDetial'
  })
}
</script>
<style scoped lang="scss">
@import './Balance.scss'
</style>
<style>
page {
  background: #fff;
}
</style>